<template>
  <view class="user_oper_container">
    <view class="flex_row">
      <view class="mode_row" v-for="(item, index) in rowDataList" :key="index" @click="item.callback">
        <uni-icons :type="item.icon" size="36" />
        <view class="oper_text">{{ item.label }}</view>
      </view>
    </view>
  </view>
</template>

<script setup lang="ts" name="userInfo">
import { ref } from 'vue';
const rowDataList = ref([
  { label: '测试', icon: 'star-filled',callback:()=>{console.log('1111')} },
  { label: '测试', icon: 'shop-filled',callback:()=>{console.log('1111')}  },
  { label: '测试', icon: 'gift-filled',callback:()=>{console.log('1111')}  },
  { label: '测试', icon: 'color-filled',callback:()=>{console.log('1111')}  },
  { label: '测试', icon: 'color-filled',callback:()=>{console.log('1111')}  }
]);
</script>

<style scoped lang="scss">
.user_oper_container {
  background: #ffffff;
  border-radius: 16rpx;
  padding: 20rpx;
}
</style>
